<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆界面</title>
<style>

body{
    background-image: url("login.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.div1{
    width: 500px;
    height: 200px;
    border: 0px solid;
    position: relative;
    margin-top: 200px;
    background-image: url("login.jpg");
    margin:auto;
}
    .div2{
        width: 500px;
        height: 300px;
        background-color: white;
        margin:auto;
        border-radius: 5px;

    }
    .input1{
        width: 300px;
        height: 25px;
        margin-left: 20px;
    }
    .input2{
        width: 300px;
        height: 25px;
        margin-left: 110px;
        font-size: 15px;
        border-radius: 5px;
        border: 0px solid #dddddd;
    }
</style>
</head>
<body>
<div class="div1">
    <div class="div2">
        <div class="text">用户登录</div><br/>
        <hr/>
        <div style="color: #000000;margin-left: 50px;">账号
            <input type="text" placeholder="请输入账号" class="input1">
        </div>
        <br>
        <div style="color:#000000;margin-left: 50px;">密码
            <input type="text" placeholder="请输入密码" class="input1">
        </div>
        <br>
        <div><input type="submit" value="登陆" class="input2" style="background-color: #dddddd ; color: black" >
        </div>


</div>

</div>

</body>
</html>